<template>
  <div class="container bg-cf">
    <div class="header">
      <div style="font-size-35">快看!最新的高血压指标和标准的变化！</div>
    </div>
    <div class="author c6">
      <span>2021.07.07 12:00 作者：<em class="ml-30">张三三</em></span>
      <div class="float-box flex c3">
        <p class="mr-30 cp">
          <img
            v-if="false"
            src="@/assets/img/icon/message/message-142.svg"
            alt=""
            class="mr-6"
          />
          <img
            v-else
            src="@/assets/img/icon/message/message142-a.svg"
            alt=""
            class="mr-6"
          />
          12312
        </p>
        <p class="cp">
          <img
            v-if="false"
            src="@/assets/img/icon/message/message-141.svg"
            alt=""
            class="mr-6"
          />
          <img
            v-else
            src="@/assets/img/icon/message/message141-a.svg"
            alt=""
            class="mr-6"
          />
          12312
        </p>
      </div>
    </div>
    <div class="content-box bg-cf"></div>
  </div>
</template>

<script>
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'comment-right'
  // setup() {}
})
</script>

<style lang="less" scoped>
.header {
  color: #1f1f1f;
  padding: 20px 40px 30px 78px;
  font-size: 36px;
}
.author {
  font-size: 21px;
  padding: 20px 40px 30px 78px;

  .float-box {
    float: right;
    img {
      vertical-align: middle;
    }
  }
}
.content-box {
  padding: 0 75px;
}
</style>
